<template>
  <section class="component case-city-chart">
    <common-title title="案件分布"></common-title>

    <ve-map height="450px" :legend-visible="false" :data="caseCityChart.data" :settings="caseCityChart.setting"></ve-map>

  </section>
</template>

<script lang="ts">
import Vue from "vue";
import Component from "vue-class-component";
import { Layout, Dependencies } from "~/core/decorator";
import { VeMap } from "v-charts";

@Component({
  components: {
    VeMap
  }
})
export default class CaseCityChart extends Vue {

  private caseCityChart = {
    data: {
      columns: ['name', 'caseNum', 'caseAmount'],
      rows: []
    },
    setting: {
      selectData: true,
      label: false,
      position: "china",
      labelMap: {
        caseNum: '催收中案件数量',
        caseAmount: '催收中案件金额',
      }
    }
  };

  private mounted() {
  }
}
</script>

<style lang="less" scoped>
.search-container {
  height: 26px;
}
</style>
